@main-color:#f29fb3;
html{font-size: 62.5%;}
.logisticState{
  padding:10px 0 10px 30px;
  width:100%;
  border-bottom:1px solid #DBDBDB;
  div.lt:first-child{
    img{
      width:60px;
      height:60px;
    }
  }
  div.lt:nth-child(2){
    margin-left:15px;
    p{
      margin-bottom:5px;
      span{
        font-size:1.2rem;
      }
      span:nth-child(2){
        color: @main-color;
      }
    }
    p:first-child{
      margin:0;
    }
  }
}
p.title{
  padding:10px 0 10px 30px;
  font-size:1.2rem;
  border-bottom:1px solid #DBDBDB;
  margin-bottom:30px;
}
div.container{
  max-height: 300px;
  overflow: scroll;
  overflow-x: hidden;
  padding-top:5px;
  margin-bottom:10px;
  >ul.logisticInfo{
    margin-left:30px;
    border-left:1px solid #DBDBDB;
    padding-right:10px;
    li{
      position:relative;
      float:none;
      padding:0 0 20px 15px;
      i{
        position:absolute;
        width:6px;
        height:6px;
        top:-3px;
        left:-3px;
        border-radius:50%;
        background-color: #DBDBDB;
      }
      p{
        color:#BEBEBE;
        font-size:1.2rem;
        letter-spacing: 1px;
      }
      p:nth-child(2){margin-bottom:5px;}
    }
    li:first-child i{background-color: @main-color;}
  }
}
.sureBtn{
  max-width:640px;
  width:100%;
  padding:10px 0;
  color:#ffffff;
  text-align: center;
  font-size:1.6rem;
  background-color: #55B739;
  position:fixed;
  bottom:0;
}